<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>账户资料</title>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="./css/mui.picker.min.css" rel="stylesheet" />
		<link href="./css/mui.poppicker.css" rel="stylesheet" />
		<link rel="stylesheet" href="./css/public.css?v=20181211" />
		<link rel="stylesheet" href="./css/edit-address.css?v=20181211" />
		<link href="./css/city-cart-detail.css?v=20181211" />
		<link rel="stylesheet" href="./css/personal.css?v=20181211" />
		<link rel="stylesheet" href="./css/cxvalidation.css">
		<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&libraries=drawing,geometry,autocomplete,convertor"></script>
		<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
		<script src='./js/jquery-3.2.1.min.js'></script>
		<script src="./js/mui.min.js"></script>
		<script src="./js/mui.picker.js"></script>
		<script src="./js/mui.poppicker.js"></script>
		<script src="./js/cxvalidation.js"></script>
		<script src="./js/city.data.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/art-template.js"></script>
		<script src="./js/config.js?v=20181211"></script>
	</head>
	<style>
		.edit-left{
			width: 4.5rem!important;
		}
		.upload-awrp {
			overflow: hidden;
			margin: 120px 0;
		}

		.code {
			font-family: Arial;
			font-style: italic;
			font-size: 1.2rem;
			border: 0;
			letter-spacing: 3px;
			font-weight: bolder;
			float: left;
			cursor: pointer;
			text-align: center;
			vertical-align: middle;
			border: 1px solid #6D6D72;
			width: 6rem;
		}

		.old_mobile{
			font-size: 1rem!important;margin-bottom: 1rem;display: none;
		}
	</style>

	<body>

		<header class="mui-bar mui-bar-nav header_change_color">
			<a style="color: #fff" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 style="color: #fff" class="mui-title">修改手机验证</h1>
		</header>
			
	    <div class="mui-content">
			<div style="padding: 1rem">
				<form action="" name='myform' id='myform'>
					<p class="old_mobile">
						<span style="color: #4e4e4e;font-size: 0.9rem">您当前使用的手机号为:</span>
						<span style="font-size: 1rem;font-weight: bold" class="oldMobile"></span>
					</p>

					<div class='edit-container data2 ' data="2">
						<span class='edit-left'>联系电话</span>
						<input name="mobile" class='edit-right mobile' data-validation="required,call[is_mobile]" data-validation-message='{"required":"请填写联系电话"}' type="number" value='' placeholder="请填写您的手机号" style="width: 47%;"/>
						<span  class="get_code" style="color: #25bdef;font-size: 0.9rem">获取动态码</span> <!---->
					</div>
					<!--获取验证码-->
					<div class='edit-container data3' data="3">
						<span class='edit-left'>图 形 码</span>
						<input name="is_captcha" class='edit-right is_captcha verify' data-validation="call[is_card]" value='' placeholder="请输入验证码" style="width:48%;border: none;font-size: 1rem"/>
						<!--<span style="display: inline-block;background: #f1f1f1;color: rgba(253, 61, 0, 0.9);padding: 0 1rem;font-size: 1rem">uYm8</span>-->
						<div style="width: 8rem;height: 3.3rem">
							<img class="verify_img" style="width: 100%;height: 100%" src="">
						</div>
					</div>
					<!--获取动态吗-->
					<div class='edit-container data4' data="4">
						<span class='edit-left'>动 态 码</span>
						<input name="captcha" class='edit-right captcha' type="number" data-validation="required" data-validation-message='{"required":"请填写动态码"}' value='' placeholder="动态码" style="width:47%;"/>
					</div>
					<!--保存地址-->
					<div class='sure-submit'>

						<input type="hidden" name="old_mobile" id="old_mobile">
						<button id='button' type="submit">保存</button>
						<!--<input type="submit" value="保存" class="btn" id="button">-->
					</div>
				</form>
			</div>

		</div>
		<script src='js/commen.js?v=20181211'></script>
		<script src="js/member-info-new.js?v=20181211"></script>

	</body>
</html>
